<template>
	<view class="rest">
		<top-set></top-set>
		<view class="head">
			<view class="top">
				<image src='/static/login/back.png' @tap="nav"></image>
				<view>我要合作</view>
				<image src='/static/icon/fenxiang.png' @tap="nav"></image>
			</view>
		</view>

		<view class="box header">
			<view class="title">商家入驻</view>
			<view class="item">
				<image class="img" src="/static/user/rest1.png" mode=""></image>
				<view class="content">
					<view class="h1">酒店商家入驻</view>
					<view class="h2">加入客栈帮手，实现低消耗高利润</view>
				</view>
			</view>
			<view class="item">
				<image class="img" src="/static/user/rest2.png" mode=""></image>
				<view class="content">
					<view class="h1">民宿商户入驻</view>
					<view class="h2">加入客栈帮手，实现低成本轻松创业</view>
				</view>
			</view>
			<view class="item">
				<image class="img" src="/static/user/rest3.png" mode=""></image>
				<view class="content">
					<view class="h1">快消品商家入驻</view>
					<view class="h2">支持多种快消产品，诚邀优质商家加盟合作</view>
				</view>
			</view>
			<view class="item">
				<image class="img" src="/static/user/rest4.png" mode=""></image>
				<view class="content">
					<view class="h1">洗涤商户入驻</view>
					<view class="h2">让商家做生意业务范围更广，拓宽业务范围</view>
				</view>
			</view>
		</view>

		<view class="box">
			<view class="title">代理商加盟</view>
			<view class="item">
				<image class="img" src="/static/user/rest5.png" mode=""></image>
				<view class="content">
					<view class="h1">城市代理商招募</view>
					<view class="h2">代理客栈帮手，数千万酒店市场，期待有你同行</view>
				</view>
			</view>
			<view class="item">
				<image class="img" src="/static/user/rest6.png" mode=""></image>
				<view class="content">
					<view class="h1">品牌广告区域代理商加盟</view>
					<view class="h2">代理客栈帮手品牌广告</view>
				</view>
			</view>
		</view>

		<view class="box foot">
			<view class="title">商家产品及服务合作申请</view>
			<view class="item">
				<image class="img" src="/static/user/rest7.png" mode=""></image>
				<view class="content">
					<view class="h1">企业因公消费服务（商家）</view>
					<view class="h2">客栈帮手内部消耗的酒店用品等服务</view>
				</view>
			</view>
		</view>
		
		<view class="box foot">
			<view class="title">入驻平台合作协议</view>
			<view class="item">
				<image class="img" src="/static/user/rest8.png" mode=""></image>
				<view class="content">
					<view class="h1">保洁入驻协议</view>
					<view class="h2">让有想法的保洁先富起来</view>
				</view>
			</view>
			<view class="item">
				<image class="img" src="/static/user/rest9.png" mode=""></image>
				<view class="content">
					<view class="h1">商家入驻协议</view>
					<view class="h2">让商家快速高效的节省人力成本</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			nav() {
				uni.navigateBack();
			}
		},
	}
</script>

<style scoped lang="scss">
	.rest {
		color: #333;
		font-size: 36rpx;

		.head {
			position: fixed;
			/* #ifdef APP-PLUS */
			top: var(--status-bar-height);
			/* #endif */
			/* #ifndef APP-PLUS */
			top: 50rpx;
			/* #endif */
			left: 0;

			.top {
				display: flex;
				align-items: center;
				justify-content: space-between;
				width: 702rpx;
				background-color: #fff;
				height: 86upx;
				padding: 0 24rpx;
				border-bottom: 1rpx solid #e5e5e5;

				image {
					width: 32upx;
					height: 32upx;
				}
			}
		}



		.box {
			margin-top: 40rpx;
			padding: 0 24rpx;

			.title::before {
				width: 8rpx;
				height: 32rpx;
				background-color: #3595f9;
				border-radius: 2rpx;
				display: inline-block;
				vertical-align: -4rpx;
				content: '';
				margin-right: 10rpx;
			}

			.title {
				font-size: 32rpx;
				line-height: 32rpx;
			}

			.item {
				display: flex;
				align-items: center;
				height: 150rpx;
				border-bottom: 1rpx solid #e5e5e5;

				.img {
					width: 80rpx;
					height: 80rpx;
					margin-right: 20rpx;
					border-radius: 50%;
				}

				.content {
					.h1 {
						font-size: 28rpx;
						line-height: 48rpx;
					}

					.h2 {
						font-size: 24rpx;
						line-height: 44rpx;
						color: #999999;
					}
				}

			}
		}

		.foot {
			margin-bottom: 50rpx;
		}

		.header {
			margin-top: 126rpx;
		}
	}
</style>
